<template>
    <div class="lists_detial">
                <Banner></Banner>

             <div class="bg_rotation">
                <el-carousel :interval="3000" indicator-position="none" arrow="never">
                  <el-carousel-item>
          <!--          <h3>{{ item }}</h3>-->
                    <img src="@/assets/images/banner/bg_banner1.jpg" />
                  </el-carousel-item>
                  <el-carousel-item>
                    <img src="@/assets/images/banner/bg_banner2.jpg" />
                  </el-carousel-item>
                </el-carousel>
              </div>
                <div class="content_box">
                <div class="menu_list"></div>
                <div class="inner_box">
                  <div class="inner_box_main">
                    <div class="title">公告详情</div>
                    <div class="inner_content">
                          <!--公告详情富文本区域-->


                          <!--公告详情富文本区域-->

                    </div>
                  </div>
                 </div>
                </div>

                <MainMenu></MainMenu>

    </div>
</template>

<script>
    import MainMenu from '../../../components/mainmenu/MainMenu'
    import Banner from '../../../components/bannder/Banner'
    export default {
        name: "lists_detial",
        data(){
          return{

          }
        },
        components:{
          MainMenu,
          Banner
        },

    }
</script>

<style scoped>
    .lists_detial{
      height: 100%;
      width: 100%;
    }
    .bg_rotation{
      position: fixed;
      width: 100vw;
      top: 0;
    }
    .bg_rotation >>> .el-carousel__container{
      height: 100vh;
    }
    .content_box{
      left: 0;
      top: 174px;
      right: 0;
      bottom: 0;
      margin: auto;
      position: absolute;
      z-index: 100;
      width: 1713px;
      height: 830px;
      background: rgba(255,255,255,.5);
      /*background: url(../../assets/images/banner/opacity.png);*/
    }
    .inner_box{
      padding:23px;
      margin: 23px;
      background-color: #ececea;

    }
    .inner_box_main{
      width:1624px;
      height:746px;
      position: relative;
      background: #ececea url("../../../assets/images/page/line_bg.jpg") no-repeat;
    }

    .inner_box_main .title{
      position: absolute;
      left: 50%;
      top:-28px;
      margin-left: -118px;
      width:236px;
      height: 56px;
      line-height: 50px;
      text-align: center;
      font-size: 36px;
      color:#02c070;
      background: #d7ece3;
      border: 2px solid #02c070;
      border-radius: 8px;
    }
    .inner_content{
      box-sizing: border-box;
      height: 620px;
      width: 100%;
      padding-left: 75px;
      padding-right: 75px;
      padding-top: 60px;
      overflow-y: scroll;
      background: red;
    }

</style>
